<template>
	<PopupTemplate className="confirm_order_container" title="确认下单" type="1" :closeable="true" :visible="visible"
		@update:visible="handleUpdate">
			<view class="mt_24">
				<u--form labelPosition="left" labelWidth="auto" :model="formData" :rules="rules" ref="uForm">
					<u-form-item label="订单优惠金额" prop="name" labelPosition="top" ref="item1">
						<view class="mt_8">
							<u--input placeholder="请输入订单优惠金额" v-model="formData.name" border="none" type="digit" clearable></u--input>
						</view>
					</u-form-item>
					<u-form-item label="实际支付金额" prop="name" labelPosition="top" ref="item1">
						<view class="mt_8">
							<u--input placeholder="请输入实际支付金额" v-model="formData.name" border="none" type="digit" clearable></u--input>
						</view>
					</u-form-item>
				</u--form>
				<view class="mt_26">
					<button class="custom_btn primary w100 fz_14 br_27 lh_40">确认下单</button>
				</view>
			</view>
	</PopupTemplate>
</template>

<script>
	import PopupTemplate from '@/components/PopupTemplate.vue'
	export default {
		props: {
			visible: {
				type: Boolean,
				default: false
			},
		},
		components: {
			PopupTemplate
		},
		data() {
			return {
				formData: {
					name: '',
				},
				rules: {
					'name': {
						type: 'string',
						required: true,
						message: '请输入联系人',
						trigger: ['blur', 'change']
					},
				},
			}
		},
		methods: {
			handleUpdate(e) {
				this.$emit('update:visible', e)
			}
		}
	}
</script>

<style lang="scss">
	input {
		padding: 12rpx !important;
		background-color: #F6F6F6;
		border-radius: 16rpx;
	}
</style>